<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <body>
        <ui:composition template="/WEB-INF/templates/default_template.xhtml">
            <ui:define name="contenido">
                <h:panelGrid cellspacing="15" width="100%">
                    <h:panelGrid columns="2">
                        <p:graphicImage value="/resources/img/icono-programa2.png" />
                        <h:outputText value="Programas" styleClass="titulo" />
                    </h:panelGrid>
                    <p:panel>
                        <h:form id="formProgramas">
                            <h:panelGrid cellspacing="5" width="100%">
                                <p:commandButton value="Nuevo Programa" action="#{programaBean.nuevo()}" oncomplete="registrar.show();" icon="icono-agregar" />
                                <p:dataTable id="dataTable" value="#{programaBean.programas}" var="programa" paginator="true" rows="10" rowsPerPageTemplate="10,20,50" paginatorPosition="bottom" emptyMessage="No hay datos para mostrar" rowStyleClass="encima">
                                    <p:column headerText="Nombre">
                                        <h:outputText value="#{programa.nomPrograma}" />
                                    </p:column>
                                    <p:column headerText="Genero">
                                        <h:outputText value="#{programa.nomGenero}" />
                                    </p:column>
                                    <p:column width="90">
                                        <p:commandButton title="Ver Episodios" action="pretty:episodios" icon="icono-perfil">
                                            <f:setPropertyActionListener target="#{episodioBean.codigo}" value="#{programa.codPrograma}" />
                                        </p:commandButton>
                                        <p:commandButton title="Editar" update=":formPrograma" oncomplete="registrar.show();" icon="icono-editar">
                                            <f:setPropertyActionListener target="#{programaBean.programa}" value="#{programa}" />
                                        </p:commandButton>
                                        <p:commandButton title="Eliminar" icon="icono-eliminar" action="#{programaBean.eliminar(programa)}">
                                            <p:confirm header="ELIMINAR PROGRAMA" message="Va a eliminar el registro. ¿Desea continuar?" icon="icono-eliminar" />
                                        </p:commandButton>
                                    </p:column>
                                </p:dataTable>
                            </h:panelGrid>
                        </h:form>
                        <h:form id="formPrograma">
                            <p:dialog widgetVar="registrar" header="REGISTRO DE PROGRAMA" resizable="false" modal="true">
                                <h:panelGrid>
                                    <h:outputText value="Nombre: " styleClass="etiqueta" />
                                    <p:inputText value="#{programaBean.programa.nomPrograma}" size="50" />
                                    <h:outputText value="Género: " styleClass="etiqueta" />
                                    <p:inputText value="#{programaBean.programa.nomGenero}" size="50" />
                                    <h:outputText value="Sinópsis: " styleClass="etiqueta" />
                                    <p:inputTextarea value="#{programaBean.programa.strSinpsis}" cols="70" rows="15" autoResize="false" />
                                </h:panelGrid>
                                <p:separator />
                                <h:panelGrid columns="2">
                                    <p:commandButton value="GUARDAR" action="#{programaBean.registrar()}" update=":formProgramas:dataTable :mensaje" icon="icono-guardar" />
                                    <p:commandButton value="Cancelar" type="button" onclick="registrar.hide();" icon="icono-salir" />
                                </h:panelGrid>
                            </p:dialog>
                        </h:form>
                    </p:panel>
                </h:panelGrid>
            </ui:define>
        </ui:composition>
    </body>
</html>
